<template>
  <!-- 头部导航栏 -->
  <HeaderView/>
  <!-- 主要内容区域 -->
  <el-main class="app-container">
    <router-view></router-view>
  </el-main>
</template>

<script>
import HeaderView from "@/components/HeaderView"; // 导入共用头部组件

export default {
  components: {
    HeaderView,
  },
};
</script>
<style>
/* 设置整个页面的背景色为灰色 */
.app-container {
  background-color: #f0f0f0;
  margin: 0px;
  height: calc(100vh - 50px);
}
</style>
